Iconography in UX design UX 設計中的圖示系統
什麼是圖示設計(Iconography)Iconography is a system of graphic images or symbols
圖示(Icon)是一種表達概念、引導操作的圖形符號,屬於視覺設計的基礎組成部分。雖然看起來像是“可愛的小圖案”,但圖示在設計中起著重要作用:
- 節省空間
- 吸引使用者注意力
- 引導使用者跳轉頁面或執行操作
圖示的不同用途Icons can indicate actions or provide supplementary info
圖示的作用可分為兩類:
傳達操作指令:
箭頭表示方向、太陽表示亮度調節
提供補充資訊:
電池圖示提示裝置電量低

有些圖示因為廣泛使用而被“通用化”,比如:房子圖示:代表“首頁”,適用於導航選單中跳轉回應用主頁

但並非所有圖示都具有全球共識,比如美式橄欖球圖示:在全球範圍並不通用,因此在國際化應用中應優先考慮用“足球圖示”來代表體育內容

為圖示新增文字標籤以增強可訪問性Add a text label to every icon
圖示雖簡潔直觀,但螢幕閱讀器無法讀取圖示本身。因此,在圖示下方新增文字標籤不僅有助於識別,也提升了無障礙性(Accessibility)。例如:房子圖示下方新增“Home”字樣,提升理解和可達性

圖示如何強化品牌形象Iconography is crucial to a company’s brand
圖示的樣式和配色也承載品牌識別,例如:Google Workspace 的圖示,因其統一的風格與色彩,極具辨識度。進入職場後,公司通常會提供內部圖示設計規範(Iconography Guidelines),幫助你快速融入並作出一致性設計決策。

